<nz-table #basicTable [nzData]="listOfData">
  <thead>
    <tr>
      <ng-container *ngFor="let col of cols;">
        <ng-container *ngIf="col.width">
          <th
            nz-resizable
            nzBounds="window"
            nzPreview
            [nzWidth]="col.width"
            [nzMaxWidth]="256"
            [nzMinWidth]="60"
            (nzResizeEnd)="onResize($event, col.title)"
          >
            {{ col.title }}
            <nz-resize-handle nzDirection="right">
              <div class="resize-trigger"></div>
            </nz-resize-handle>
          </th>
        </ng-container>
        <ng-container *NgIfElse>
          <th>
            {{ col.title }}
          </th>
        </ng-container>
      </ng-container>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let data of basicTable.data">
      <td>{{ data.name }}</td>
      <td>{{ data.age }}</td>
      <td>{{ data.address }}</td>
      <td>
        <a>Action 一 {{ data.name }}</a>
        <nz-divider nzType="vertical"></nz-divider>
        <a>Delete</a>
      </td>
    </tr>
  </tbody>
</nz-table>
